<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<style>
    *{
        margin:0;
        padding: 0;
    }
    html,body{
        height: 100%;
    }
</style>
<body>
    <svg width="100%" height="10000" svg>
       <polyline id="poly" style="stroke:#aaa; stroke-width:1;fill-opacity: 0; stroke-linecap:round;stroke-linejoin: round; "></polyline>
    </svg>
</body>
<script>
    var point="";
    for(var i=0;i<5000;i++){
        point+=rN(0,1880)+","+rN(0,10000)+" ";
    }
    console.log(point)
    poly.setAttribute("points",point)

    function rN(min,max) {
        return parseInt(Math.random()*(max-min)+min);
    }
</script>
</html>